<template>
    <h2>我是About的内容</h2>
</template>

<script>
export default {
    name: 'About',
    beforeDestroy() {
        console.log('About组件即将被销毁')
    },
    mouted() {
        console.log('About组件挂载完毕了')
    },

    // 通过路由切换到该组件时，会在切入前调用这个函数
    beforeRouteEnter(to, from, next) {
        console.log('beforeRouteEnter...')

    },
    // 通过路由切换到其他组件，会在切换最后一步调用这个函数
    beforeRouteLeave(to, from, next) {
        console.log('beforeRouteLeave...')
    },

}
</script>